import React from 'react';
import { Button, Typography, Space, Card } from 'antd';
import { Link } from 'react-router-dom';

const { Title, Paragraph } = Typography;

const Home: React.FC = () => {
  return (
    <div className="home-container" style={{ padding: '2rem' }}>
      <Card>
        <Title level={2}>首页</Title>
        <Paragraph>
          这是一个使用React Router、Ant Design和Axios集成的React应用示例。
        </Paragraph>
        <Space>
          <Button type="primary">
            <Link to="/about">关于我们</Link>
          </Button>
        </Space>
      </Card>
    </div>
  );
};

export default Home;